package:flutter/material.dart’; Gradient Opacity 


main() => runApp( ()); 


ive message 


lutter/lifecycle’ 


V/DartMessenger(11695): Sending message with callback over channel 
W/InputMethodManager(11695): startInputReaso 1 
V/LifecycleChannel(11695): Sending AppLifecycleState.resumed message. 


V/DartMessenger(11695): Sending message with callback over channel ‘flutter/lifecycle' 


Stl 

Matrial app 

Home scafold 
Appbar appbar title 
Body center 


N > Noc 


< wanas Gradient Opacity 
main() => runApp( ()); 


build( context) { 
returr 
home: 
appBar: 
title: jradient Opacit 
E 
body: 
child: ( 
width: 300, 
image: 
"https: 


6“ wv T 


V/Dar "(13146 ng to regi handler to prc 


V/PlatformChannel(13146): Received ‘SystemChrome.setApplicationSwitc 

V/DartMessenger(13146): Received message from Dart over channel ‘flu 

V/DartMessenger(13146): Deferring to registered handler to process m 
4 BREAKPOWNTS 


V/PlatformChannel(13146): Received ‘SystemChrome.setSystemUIOverlayS 


Elo... 
Opacity buat dari atas terang bawah gelap 
Pakai shadermask 


Punya shadelcallback adalah masking menghasilkan gambar yg baru 


.createshader() ini minta sesuai dgn ukuran gambar right selebar gambar 
Ractangle.widht 
Setelah itu 


Blandmode untuk transtparent blendmode.dstin 


> No Configurations * <P mandat © 


e WARIABLES 


title: ("Gradient Opacity"), 
), 
body: 
child: ( 
shaderCallback: (rectangle) { 
return ( 
colors: [ «black, . transparent], 
begin: .topCenter, 
end: - bottomCenter 
) .createShader( -fromLTRB(@, @, rectangle.width, rectangle.height)) ; 
}, 
blendMode: 
child: ( Show the destination 
width: -clear image, but only where the 
image: -color two images overlap. The 
-colorBurn source image is not 
), -colorDod... rendered, it is treated 
-darken merely as a mask. The 
«differen... color channels of the 
-dst source are ignored, only 


tae MEPS Ee -dstATop the opacity has an effect 
2019-07-05 18:5 € € T creare (859 J "ə0onC18SingleThreadWorke 


2019-07-05 : dMode.dstOut create [3954575728] N3BRC18SingleThreadWorkerE 
F/EffectSDK(14169): 2019-07-05 5 dMode.dstOver join [39 5803 3BRC18SingleThreadWorkerE suc 
F/EffectSDK(14169): 2019-07-05 :57:11.158 FATAL: pthread_join [3 E succeed 
F/Effect (14169): 2019-07-05 18:57:11.162 FATAL: pthread_join [3954575728 k succeed 


Gradient Opacity 


title: jradient Opacity"), 
), 
body: 
child: ( 
shaderCallback: (rectangle) { 
return ( 


colors: [ . black, . transparent] 
begin: .topCenter, 
end: .bottomCenter 
).createShader( -fromLTRB(@, ©, rectangle 
hs 
blendMode: -dstIn, 
child: 
width: 
image: ( 
‘https: //images.fineartameri 


), 


F/EffectSDK (1416 2019-07-05 18:57:11.162 FATA! 
V/DartMessenger(13146): Received message from Dart over channel 'flu 
V/DartMessenger (13146): Deferring to registered handler to process 
V/PlatformChannel(13146): Received 'S 


4 BREAKPOINTS 


Reloaded 1 of 455 libraries in 785 


